var mySwiper = new Swiper ('.swiper', {
    loop: true, // 循环模式选项
    autoplay:true,
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }, 
  })  
  // 海量的API服务，丰富的API分类图片切换样式设置
  let li = document.querySelectorAll(".icons li");
  let oldName = "";
  // 遍历，添加鼠标移入事件
  li.forEach( function( v , i ){
    v.addEventListener( "mouseover" , function(){
      // 鼠标进入到某个li，需要获取li下面的img
      let img = this.querySelector( "img" );
      // 需要截取出来img标签中的图片的名称
      let start = img.src.lastIndexOf( "/" ) + 1;
      let end = img.src.lastIndexOf( "." );
      oldName = img.src.substring( start , end );
      console.log( oldName);
      img.src = `../images/${oldName}-c.svg`;
    });
    // 鼠标移出事件
    v.addEventListener( "mouseout" , function(){
    //鼠标进入到某个li，需要获取li下面的img
    let img = this.querySelector( "img" );
    img.src =`../images/${oldName}.svg`; 
    })
  });
// // 助力行业巨头
// let div = document.querySelectorAll( ".tycoon .container div" );
// let n = 1;
// function timerPlay( n ){
//   timer = setInterval( function() {
//     div.forEach( function( v , i ) {
//       v.className = "";
//     } );
//     div[n].className = "on";
//     n++;
//     if( n >= div.length ){
//       n = 0;
//     };
//   },1500 );
// };
// timerPlay( n );
// div.forEach( function( v , i ){
//   v.addEventListener( "mouseover",function() {
//     clearInterval( timer );
//   } );
//   v.addEventListener( "mouseout" , function() {
//     if( i === div.length - 1 ){
//       n = 0;
//     }else{
//       n = i + 1;
//     };
//     timerPlay( n );
//   } );
// } );
/**
  * 需求：首页 助力行业巨头 / 独角兽企业的切换问题
  * 思路：只要修改页面上 <div class="bank">的透明度即可
  * 
  * 
  *  */ 
 let div = document.querySelectorAll(".bank");
 // 需要一个下标
 let index = 0;
 // 需要计时器每隔2秒切换一个div
 setInterval( function(){
   // 将所有的先隐藏
   div .forEach( function ( v ){
     v.style.opacity = 0;
     v.style.zIndex = 1;
   });
   div[index].style.opacity = 1;
   div[index].style.zIndex = 99;
   index++;
   // 判断保证切换到最后一个的时候，重新开始
   if (index >= div.length ){
     index = 0;
   }
 },2000);







// 返回顶部
let top1 = document.querySelector(".top");
// 监控滚动条的位置
window.onscroll = function(){
  if( window.scrollY >= 300 ){
    top1.style.display = "block";
  }else{
    top1.style.display = "none";
  };
};
top1.onclick = function(){
  // 需要获取到当前 滚动条的位置数据，然后通过定时器，在一定的时间内容将滚动条位置移动到顶部
  let y =  window.scrollY ;
  let timer = setInterval( function(){
    y = y - 200;
    window.scrollTo( 0 , y );
    if( y <= 0 ){
      clearInterval( timer );
    };
  } , 15 );
};